<template>
	<view class="doctor-info">
		<view class="list">
			<uni-collapse accordion v-model="accordionValDoctor">
				<uni-collapse-item :title="(`${item.name||'医生'}`)" v-for="(item,index) of doctorManagement">
					<view class="content">
						<!-- <view>姓名：{{item.name}}</view> -->
						<view>年龄：{{item.age||'--'}}</view>
						<view>性别：{{item.sex == 0 ? '男':'女'}}</view>
						<view>手机号：{{item.mobilePhone||'--'}}</view>
						<view>擅长：{{item.great||'--'}}</view>
						<view>简介：{{item.introduction||'--'}}</view>
					</view>
				</uni-collapse-item>
			</uni-collapse>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				accordionValDoctor: '',
				doctorManagement: [],
			}
		},

		created() {
			this.doctorManagement = this.$store.state.doctorManagement

		},

		methods: {}
	}
</script>

<style lang="scss">
	.doctor-info {
		width: 100vw;
		opacity: 0.8;
		background: linear-gradient(white, transparent);

		.admin-nav {
			width: 650rpx;
			margin: 0 auto
		}

		.list {

			.content {
				padding: 0 25rpx;
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;

				view {
					width: 330rpx;
					margin: 10rpx 0 20rpx 20rpx;
				}
			}

			.btn {
				height: 80rpx;
				display: flex;
				justify-content: center;

				view {
					width: 100rpx;
					height: 50rpx;
					line-height: 50rpx;
					text-align: center;
					background-color: red;
					margin-right: 20rpx;
					color: white;
				}

				.edit {
					background-color: skyblue;
				}
			}
		}
	}
</style>
